import React from 'react'
import {Space} from "antd"
import {
    FileTextTwoTone,
    IdcardTwoTone,
    CustomerServiceTwoTone,
    PlaySquareTwoTone,
  } from '@ant-design/icons';
export default function Operation() {
  return (
    <div style={{width:"520px",height:"200px",backgroundColor:"#fff",display:"line-block",marginTop:"20px",borderRadius:"20px",padding:"25px",float:"left"}}>
        <p style={{fontSize:"18px"}}>快速操作</p>
        <div>
            <Space size={42}>
                <a href="#/system/user/usersearch">
            <div style={{width:"84px",height:"100px",display:"line-block",float:"left"}}>
                <div style={{textAlign:"center",lineHeight:"74px",marginLeft:"10px",borderRadius:"15px",width:"64px",height:"64px",borderStyle:'solid',borderImage:"linear-gradient(to right bottom,#467aff,#7ad4ff) 1 10",borderWidth:"3px"}}>
                <IdcardTwoTone style={{fontSize:"36px"}}/>
                </div>
                <p style={{marginTop:"10px",textAlign:"center"}}>用户查询</p>
            </div>
            </a>
            <a href="#/system/course/graphicnewclass">
            <div style={{width:"84px",height:"100px",display:"line-block",float:"left"}}>
                <div style={{textAlign:"center",lineHeight:"74px",marginLeft:"10px",borderRadius:"15px",width:"64px",height:"64px",borderStyle:'solid',borderImage:"linear-gradient(to right bottom,#467aff,#7ad4ff) 1 10",borderWidth:"3px"}}>
                <FileTextTwoTone style={{fontSize:"36px"}}/>
                </div>
                <p style={{marginTop:"10px",textAlign:"center"}}>发布图文课程</p>
            </div>
            </a>
            <a href="#/system/course/videonewclass">
            <div style={{width:"84px",height:"100px",display:"line-block",float:"left"}}>
                <div style={{textAlign:"center",lineHeight:"74px",marginLeft:"10px",borderRadius:"15px",width:"64px",height:"64px",borderStyle:'solid',borderImage:"linear-gradient(to right bottom,#467aff,#7ad4ff) 1 10",borderWidth:"3px"}}>
                <PlaySquareTwoTone style={{fontSize:"36px"}}/>
                </div>
                <p style={{marginTop:"10px",textAlign:"center"}}>发布视频课程</p>
            </div>
            </a>
            <a href="#/system/course/audionewclass">
            <div style={{width:"84px",height:"100px",display:"line-block",float:"left"}}>
                <div style={{textAlign:"center",lineHeight:"74px",marginLeft:"10px",borderRadius:"15px",width:"64px",height:"64px",borderStyle:'solid',borderImage:"linear-gradient(to right bottom,#467aff,#7ad4ff) 1 10",borderWidth:"3px"}}>
                <CustomerServiceTwoTone style={{fontSize:"36px"}}/>
                </div>
                <p style={{marginTop:"10px",textAlign:"center"}}>发布音频课程</p>
            </div>
            </a>
            </Space>
            
        </div>
    </div>
  )
}
